<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="Bookmark" href="/favicon.ico">
    <link rel="Shortcut Icon" href="/favicon.ico"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="__STATIC__/admin/lib/html5shiv.js"></script>
    <script type="text/javascript" src="__STATIC__/admin/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="__STATIC__/admin/static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/admin/static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/admin/lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/admin/static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/admin/static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="__STATIC__/admin/lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title></title>
    <style>
        .border-show{
            border: 1px solid #ddd;
            padding:20px;
        }
        .auth-title{
            height: 30px;
            line-height: 30px;
            font-weight: bold;
            border-bottom: 1px solid #ddd;
        }
        .w50{
            width: 47%;
        }
    </style>
</head>
<body>
<article class="page-container">
    <form id="form" onsubmit="return false" class="form form-horizontal" action="#" method="post">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>分组名称：</label>
            <div class="formControls col-xs-6 col-sm-6">
                <input type="text" class="input-text" value="{$group.name}" placeholder="" id="name" name="name">
            </div>
            <label class="form-label col-xs-2 col-sm-3" style="text-align: left;color:red">分组名称中文2~8位</label>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>权限节点：</label>
            <div class="formControls col-xs-6 col-sm-6">
                <div class="skin-minimal border-show">
                    {volist name="node" id="node"}
                    <div class="auth-title">
                        <div class="check-box">
                            {in name="$node.node_id" value="$group.auth"}
                            <input class="auth-input" type="checkbox" id="{$node.node_id}" pid="{$node.pid}" name="auth[]" value="{$node.node_id}" checked>
                            {/in}
                            {notin name="$node.node_id" value="$group.auth"}
                            <input class="auth-input" type="checkbox" id="{$node.node_id}" pid="{$node.pid}" name="auth[]" value="{$node.node_id}">
                            {/notin}
                            <label for="{$node.node_id}">{$node.title}</label>
                        </div>
                    </div>
                        {present name="$node.children"}
                            {volist name="$node.children" id="children"}
                            <div class="check-box w50">
                                {in name="$children.node_id" value="$group.auth"}
                                <input class="auth-input" type="checkbox" id="{$children.node_id}" pid="{$children.pid}"  name="auth[]" value="{$children.node_id}" checked>
                                {/in}
                                {notin name="$children.node_id" value="$group.auth"}
                                <input class="auth-input" type="checkbox" id="{$children.node_id}" pid="{$children.pid}"  name="auth[]" value="{$children.node_id}">
                                {/notin}
                                <label for="{$children.node_id}">{$children.title}</label>
                            </div>
                            {/volist}
                        {/present}
                    {/volist}
                </div>
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">备注：</label>
            <div class="formControls col-xs-6 col-sm-6">
                <textarea name="remark" cols="" rows="" class="textarea" placeholder="说点什么...20个字符以内" dragonfly="true">{$group.remark}</textarea>
                <p class="textarea-numberbar"><em class="textarea-length">0</em>/20</p>
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input type="hidden" name="group_id" value="{$group.group_id}">
                <input class="btn btn-primary radius" type="button" value="&nbsp;&nbsp;提交&nbsp;&nbsp;"
                       onclick="postForm()">
            </div>
        </div>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="__STATIC__/admin/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="__STATIC__/admin/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
    $(function () {
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        })
    });
    /*表单提交*/
    function postForm() {
        $.ajax({
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "{:url('group/upd')}",
            data: $('#form').serialize(),
            success: function (res) {
                if (res.code == 1) {
                    layer.msg(res.message);
                }
                if (res.code == 0) {
                    parent.location.reload();
                }
            },
            error: function () {
                console.log("异常");
            }
        });
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>